<template>
	<div class="login-container flx-center">
		<div class="login-header">
			<div class="login">
				<img src="@/assets/images/rts_logo.png" alt="" />
			</div>
			<div class="login-text">
				<a href="http://fs.rictos.com/%E6%9C%8D%E9%A5%B0%E6%99%BA%E6%85%A7%E7%B3%BB%E7%BB%9F.url">下载桌面快捷方式 </a> |
				<a href="https://down.360safe.com/se/360se15.3.6156.64.exe">下载专用浏览器</a>
			</div>
		</div>
		<div class="login-box">
			<div class="login-form">
				<a-tabs v-model:activeKey="activeKey" centered size="large">
					<a-tab-pane key="1" tab="扫码登陆">
						<QrLogin />
					</a-tab-pane>
					<a-tab-pane key="2" tab="账号密码登陆" force-render>
						<LoginForm />
					</a-tab-pane>
				</a-tabs>
			</div>
		</div>
	</div>
</template>

<script setup lang="ts" name="login">
import LoginForm from "./components/LoginForm.vue";
import QrLogin from "./components/qrLogin.vue";
import { ref } from "vue";
const activeKey = ref("1");
</script>

<style scoped lang="less">
@import url("./index.less");
</style>
